@()
@main("Sample Phenotype-CBGD"){

	<style>
		th:first-child{
			width: 20%;
		}

	</style>

	<div class="row">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">Sample Phenotype</h2>
		</div>
	</div>

	<div id="toolbar">
			&nbsp;Keyword：
	</div>

	<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
	data-toolbar="#toolbar" data-page-list="[10, 25, 50, 100, all]" data-search-align="left" data-multiple-search="true"
	style="word-wrap: break-word"
	>
		<thead>
			<tr>
				<th data-field="name" data-sortable="true">样品名</th>
				<th data-field="character" data-sortable="true">性状</th>
			</tr>
		</thead>
	</table>

	<script>
		$(function () {
			$.ajax({
				url: "@routes.PhenotypeController.getAllSamples()",
				type: "get",
				dataType: "json",
				success: function (data) {
					$('#table').bootstrapTable({
						data: data
					});

				}
			})
		})
	</script>
}